
html{
    font-size: 62.5%;
    color: #757575;
    font-family: '微软雅黑';
}
.webHooter{
    width: 100%;
    background-color: rgb(247,247,247);
}




.webHooter_nav_ul,.webHooter_nav2{
    display: flex;
    justify-content:center;
    align-content:center;
    list-style: none;
}

.webHooter_nav_ul:first-of-type{
    padding-top: 10rem;
    margin-top: 0px;
}

.webHooter_nav_ul li,.webHooter_nav2 li{
    width: calc(120rem / 4);
    padding: 2rem;
}

.webHooter_nav_ul li h7{
    font-family: 'times new roman';
    font-size:1.8rem ;
    letter-spacing: 0.4rem;
    color: black;
}

.webHooter_nav_ul li p,.webHooter_nav2 li p,.webHooter_nav2 li div{
    width: 16rem;
    font-size:1.2rem ;
    letter-spacing: 0.2rem;
    color: #bbb;
    line-height:2rem;
    margin-top: 3rem;
}

.webHooter_nav_ul_img3{
    height: 3rem;
}

.wb{
    width: 24px;
    height: 25px;
    display: inline-block;
    background-image: url(../img/pubilc/xbt.png);
    background-repeat: no-repeat;
    background-position: -24px -72px;
}
.wx{
    width: 24px;
    height: 25px;
    display: inline-block;
    background-image: url(../img/pubilc/xbt.png);
    background-repeat: no-repeat;
    background-position: -0px -72px
}
.mp{
    width: 24px;
    height: 25px;
    display: inline-block;
    background-image: url(../img/pubilc/xbt.png);
    background-repeat: no-repeat;
    background-position: -120px -72px;
}
.fx{
    width: 24px;
    height: 25px;
    display: inline-block;
    background-image: url(../img/pubilc/xbt.png);
    background-repeat: no-repeat;
    background-position: -192px -72px;
}
.ls{
    width: 24px;
    height: 25px;
    display: inline-block;
    background-image: url(../img/pubilc/xbt.png);
    background-repeat: no-repeat;
    background-position: -168px -72px;
}

.webHooter_nav2 li{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.webHooter_nav2 li h6{
    font-family: '微软雅黑';
    font-size:1.8rem ;
    letter-spacing: 0.4rem;
    color: #696969;
    font-weight:normal;
    margin:  1rem 0px;
}
.webHooter_nav2 li p,.webHooter_nav2 li div{
    margin: 0px;
}

.fooderdiv{
    text-align: center;
    padding: 1.3rem;
    font-size: 1.3rem;
    color: #aa99aa;
}

@media only screen and (max-width:50rem){
    .webHooter{
        border-top:1px solid #ccc;
        position: fixed;
        bottom: 0px;
        text-align: center;
    }
    .webHooter::before,.webHooter::after{
        content: '';
        display: table;
        clear: both;
    }
    .webHooter_nav{
        display: none;
    }
}

@media only screen and (max-width:30rem){


    .fooderdiv{
        font-size: 1rem;
    }
}

/* 9侧边 */

.aside_Class {
    height: 135px;
    width: 45px;
    background: #000;
    position: fixed;
    top: 50%;
    margin-top: -23px;
    right: 0px;
}

.aside_Class a {
    width: 45px;
    height: 45px;
    display: inline-block;
}

.aside_Class a:nth-of-type(1) {
    background-image: url('../img/pubilc/pic.png');
    background-repeat: no-repeat;
    background-position: -35px 12px;
}

.aside_Class a:nth-of-type(2) {
    background-image: url('../img/pubilc/pic.png');
    background-repeat: no-repeat;
    background-position: -35px -30px;
}

.aside_Class a:nth-of-type(3) {
    background-image: url('../img/pubilc/pic.png');
    background-repeat: no-repeat;
    background-position: -35px -259px;
}


/* 响应式 */

@media only screen and (max-width: 50em) {
    .aside_Class {
        display: none;
    }
}
